﻿<!DOCTYPE html>
<html>
<head>


<title>SOMS Manage Athletes</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<script src="jquery-1.8.2.min.js"></script>
<script>
	$(function(){
			$(".eventSelect").change(function(){
				var eventID = $(this).data("event");
				var unit = $(this[this.selectedIndex]).data("unit");
				$("#units" + eventID).text(unit);
			});
	});

</script>
</head>

<body id="body">

<div id="container">

	<div id="header" class="style1">
		Special Olympics Managment System<br/>
	</div>
	
	<div id="navigation">
		<ul id="nav">
			<li><a href="manage_home.html">Home</a></li>
			<li><a href="manage_list.html">Manage Athletes</a></li>
			<li><a href="manage_under_construction.html">Manage Events</a></li>
            <li><a href="manage_under_construction.html">Manage Schools</a></li>					
		</ul>
	</div>
		
	<div id="content">
		<h2 class="center">Manage Athletes</h2>
		<p class="center">
			&nbsp
		<form method="link" action="manage_list_updated.html">
		<table id="students">
			<tr>
				<th>Name</th>
				<th>DOB</th>
				<th>Event(s)</th>
				<th>Score</th>
				<th>Options</th>
			</tr>
			<tr>
				<td><input class="nameInput" type="text" required="true"/></td>
				<td><input class="dobInput" type="text" required="true"/></td>
				<td><select id="event1" data-event="1" class="eventSelect">
						<option data-unit="">- None -</option>
						<option data-unit="s">50M Dash</option>
						<option data-unit="s">100M Dash</option>
						<option data-unit="s">200M Dash</option>
						<option data-unit="s">400M Dash</option>
						<option data-unit="s">30M Wheelchair Slalom</option>
						<option data-unit="m">Running Long Jump</option>
						<option data-unit="m">Standing Long Jump</option>
						<option data-unit="m">Shot Put</option>
						<option data-unit="m">Softball Throw</option>
					</select></br>
					<select id="event2" data-event="2" class="eventSelect">
						<option data-unit="">- None -</option>
						<option data-unit="s">50M Dash</option>
						<option data-unit="s">100M Dash</option>
						<option data-unit="s">200M Dash</option>
						<option data-unit="s">400M Dash</option>
						<option data-unit="s">30M Wheelchair Slalom</option>
						<option data-unit="m">Running Long Jump</option>
						<option data-unit="m">Standing Long Jump</option>
						<option data-unit="m">Shot Put</option>
						<option data-unit="m">Softball Throw</option>
					</select>
				</td>
				<td><input class="eventInput" type="text" pattern="\d+(\.\d+)?"/><span id="units1" class="units"></span></br><input class="eventInput" type="text" pattern="\d+(\.\d+)?"/><span id="units2" class="units"></span></td>
				<td><input type="submit" value="Confirm" class="center"/><a href="manage_list_updated.html"></a>
			</tr>
			<tr>
				<td>Fred Jones</td>
				<td>03/14/97</td>
				<td>100M </br> 400M</td>
				<td>30s </br> 180s</td>
			</tr>
			<tr>
				<td>Amy Jones</td>
				<td>07/14/98</td>
				<td>High Jump </br> 400M</td>
				<td>10m </br> 290s</td>
			</tr>
			<tr>
				<td>Cecil Smith</td>
				<td>04/04/99</td>
				<td>Discus </br> Pole Vault</td>
				<td>35m </br> 15m</td>
			</tr>
			<tr>
				<td>Amy Akbur</td>
				<td>03/09/97</td>
				<td>800M </br> 400M</td>
				<td>804s </br> 200s</td>
			</tr>
			<tr>
				<td>Bob Davis</td>
				<td>02/21/00</td>
				<td>Discus</td>
				<td>68m</td>
			</tr>
		</table>
		</form>
	</div>

</div>
<div class="style5">
<p>Copyright © SOMS Project Team 2012</p>

</div>
</body>
</html>
